$(function(){
	
 	
	
	var imgW=$("#layerImageCut>img").width();
	var imgH=$("#layerImageCut>img").height();
	$("#layerImageCut").attr("width",imgW);
	$("#layerImageCut").attr("height",imgH);
	layerImageShow(850,520);
	jcropImage();
});

function jcropImage(){
	
	var jcrop_api;
	var _Jw = ($("#layerImageCut").width() - 110) / 2 ,
            _Jh = ($("#layerImageCut").height() - 135) / 2 ,
            _Jw2 = _Jw + 110,
            _Jh2 = _Jh + 135;
	
	 $('#layerImageCut').Jcrop({
	 	setSelect: [_Jw, _Jh, _Jw2, _Jh2],
	 	allowSelect: true,//允许新选框
	 	allowMove:true,//允许移动
	 	//allowResize:true,//允许缩放
	 	trackDocument:true,//拖动选框时，允许超出图像以外的地方时继续拖动。
        bgFade: true,//使用背景过渡效果
        bgColor: "white",//背景颜色
        bgOpacity: .5,//背景透明度
        aspectRatio: 110/135,//选框宽高比
        handleSize:20,//缩放按钮大小
        boxWidth:"300px",
        boxHeight:"300px",

        
        
        
        onChange:function(c){//选框改变时的事件
        	
        	
        },
        onSelect:function(c){//选框选定时的事件
        	
        	console.log("获取选框的值===宽度："+c.w+"高度："+c.h+"==x:"+c.x+"y:"+c.y);
        	
        	var bigW=$("#imageOne").width();
        	var bigH=$("#imageOne").height();
        	
        	var smallW=$("#imageShow").width();
        	var smallH=$("#imageShow").height();
        	
        	
        	var wR=smallW/bigW;//宽度比
        	var hR=smallH/bigH;//高度比
        	
        	var top=c.y*hR;
        	var left=c.x*wR;
        	
        	$("#imageShow").css("top:",top);
        	$("#imageShow").css("left:",left);
        	alert(top+"=="+left);
        },
        
        onDblClick:function(){//在选框内双击时的事件
        	
        	
        },
        
        onRelease:function(){//取消选框时的事件
        	
        }
        
    },function() {
			jcrop_api = this;
			jcrop_api.animateTo([100, 100, 400, 300]);
			//截取窗口框最大和最小的像素只能是690 * 220像素
			jcrop_api.setOptions({
			    //minSize: [690, 220],
			    //maxSize: [750, 422]
			});
			//允许调整截取窗口框大小
			jcrop_api.setOptions({ allowResize: true });
			//截取图片的框按照比例拉伸
			jcrop_api.setOptions({ aspectRatio: 223/125});
			//截取图片的框允许移动。
			jcrop_api.setOptions({ allowMove: true });
			//不允许有新的截取窗口框
			jcrop_api.setOptions({ allowSelect: false });
			
			jcrop_api.focus();
		});
	
	jcrop_api.setImage("image/bb.jpg");//设定（或改变）图像
}

//图片弹框
var layerImageShow=function(_width,_height){
	
	//关闭之前的弹窗
	layer.closeAll();
	layer.open({
		  type:1,
		  shift:5,
		  shade: [0.5, '#393D49'],
		  title :" ",
		  area: [_width,_height],
		  fix: false, //不固定
		  move: false,
		  zIndex:9900,
		  content:$("#layerFather"),
		  end:function(){//关闭弹窗

		  }
	
		}); 
	
};